
$(function () {
    // 动态渲染数据
    getCategoryList()
    function getCategoryList() {
        $.get('/admin/category/list', function (res) {
            console.log(res)
            const html = template('trTpl', { list: res.data })
            $('.category_table tbody').html(html)
        })
    }

    // 新增分类功能
    $('#myModal .btn_opt').click(function () {
        const name = $('input[name="name"]').val().trim()
        const slug = $('input[name="slug"]').val().trim()
        if (!name || !slug) {
            layer.alert('分类名与分类别名不能为空！')
            return
        }
        $.post('/admin/category/add', { name, slug }, function (res) {
            // console.log(res)
            // 关闭模态框
            $('#myModal').modal('hide')
            // 刷新
            getCategoryList()
            // 清空模态框的内容
            $('input[name="name"]').val('')
            $('input[name="slug"]').val('')
        })
    })


    // 编辑 绑定点击事件
    // 事件委托
    let id
    $('.category_table').on('click', '.edit', function () {
        const obj = $(this).parents('tr').data('obj')
        console.log(obj)
        $('#name').val(obj.name)
        $('#slug').val(obj.slug)
        id = obj.id
    })
    // 保存
    $('#editModal .btn_opt').click(function () {
        const name = $('#name').val().trim()
        const slug = $('#slug').val().trim()
        $.post('/admin/category/edit', { id, name, slug }, function () {
            $('#editModal').modal('hide')
            getCategoryList()
        })
    })
    // 删除
    $('.category_table').on('click', '.delete', function () {
        const { id } = $(this).parents('tr').data('obj')
        layer.confirm('确定是否删除？', function (index) {
            $.post('/admin/category/delete', { id }, function () {
                getCategoryList()
            })
            layer.close(index);
        });
    })
})